<template>
  <div>
        <div>
    <div class="background"></div> 
    <div class="content"></div>  
    <div class="background">    
<img :src="imgSrc" width="105%" height="100%" alt="" style="margin-left: -300px" /></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
          <el-button type="primary"  @click="taocan()">体检套餐</el-button>
          <el-button type="primary" style="margin-left: 100px" @click="leixing()">套餐类型</el-button>
  </div>
  </div>
</template>

<script>
export default {
    data(){
        return{
          imgSrc:require('../tupian/nandao.jpg')
        }
    },

    methods:{
      taocan(){
        this.$router.push({ path: "/taocan" });
      },
      xiangmu(){
        this.$router.push({ path: "/xiangmu" });
      },
      leixing(){
        this.$router.push({ path: "/leixing" });
      }

       
    }
}
</script>

<style>
.background {
    width:100%;
    height:100%;  /**宽高100%是为了图片铺满屏幕 **/
    z-index:-1;
    position: absolute;

}
 .content {
    z-index:1;
    position: absolute;
}
</style>
